<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>欢太商城 - OPPO,OnePlus,realme线上官方商城，最新款智能5G手机、IoT产品、潮流好物在线抢购</title>
    <link rel="icon" href="../../static/img/ico/title.png" type="image/gif">
    <link rel="stylesheet" href="../../dist/css/index.css">

</head>

<body>
    <div class="hea_top">
        <ul class="left">
            <li><a href="https://brand.heytap.com/index.html">欢太品牌</a></li>
            <li><a href="https://cloud.heytap.com/login.html?callback=https%3A%2F%2Fcloud.heytap.com%2F">欢太云服务</a></li>
            <li><a href="https://store.oppomobile.com/">软件商店</a></li>
            <li><a href="./list.html">品牌列表</a></li>
        </ul>
        <ol class="right">
            <li class="logout">退出登陆</li>
            <li><a href="./register.html">注册 &nbsp;&nbsp;&nbsp;| </a></li>
            <li><a href="./login.html">登录&nbsp;&nbsp;&nbsp; | </a></li>
            <li class="cart"><a href="#">购物车(0)&nbsp;&nbsp;&nbsp;|</a></li>
            <li><a href="" class="ma">下载欢太商城APP&nbsp;&nbsp;&nbsp;| </a></li>
            <div id="ma"><img src="../../static/img/logo/ma.png" alt=""></div>
        </ol>
    </div>

    <div class="hea_nav">
        <clsss class="log">
            <img src="../../static/img/logo.jpg" alt="">
        </clsss>

        <class class="hea_list">
            <ul>
                <li><a href="https://www.heytap.com/cn/web/topic/700100.html">OPPO专区</a></li>
                <li><a href="https://www.heytap.com/cn/web/topic/700200.html">OnePlus专区</a></li>
                <li><a href="https://www.heytap.com/cn/web/topic/700300.html">realme专区</a></li>
                <li><a href="https://www.heytap.com/cn/web/topic/700400.html">智能生活</a></li>
                <li><a href="https://www.heytap.com/cn/web/topic/700500.html">潮流好物</a></li>
                <li><a href="https://www.heytap.com/cn/web/service">服务</a></li>
            </ul>
        </class>

        <class class="hea_input">
            <input type="text" placeholder="OPPO Reno6">
            <a href="./search.html"><img src="../../static/img/logo/fangda.png" alt=""></a>
        </class>

    </div>

    <div class="flex_right">

        <ul>
            <li><img src="../../static/img/fixed/fixed_01.png" alt="">
                <p>限时秒杀</p>
            </li>
            <li><img src="../../static/img/fixed/fixed_02.png" alt="">
                <p>热卖专区</p>
            </li>
            <li><img src="../../static/img/fixed/fixed_03.png" alt="">
                <p>OPPO专区</p>
            </li>
            <li><img src="../../static/img/fixed/fixed_04.png" alt="">
                <p>OnePlus专区</p>
            </li>
            <li><img src="../../static/img/fixed/fixed_05.png" alt="">
            <p>样机展示</p>
            </li>
        </ul>
        <div class="return">
            <img src="../../static/img/fixed/返回顶部.png" alt="">返回顶部
        </div>

    </div>

    <header>
        <div class="hea_banner">


            <div class="selecter">
                <ul>
                    <li><span>></span><a href="" >欢太商城</a><span>></span></li>
                    <li><a href="">热门推荐</a><span>></span></li>
                    <li><a href="">OPPO</a><span>></span></li>
                    <li><a href="">OnePlus</a><span>></span></li>
                    <li><a href="">realme</a><span>></span></li>
                    <li><a href="">耳机影音</a><span>></span></li>
                    <li><a href="">原装配件</a><span>></span></li>
                    <li><a href="">智能穿戴</a><span>></span></li>
                    <li><a href="">智能电视</a><span>></span></li>
                    <li><a href="">日用百货</a><span>></span></li>
                    <li><a href="">数码周边</a><span>></span></li>
                    <li><a href="">家用电器</a></li>
                </ul>
            </div>

            <div class="selecter_right">
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_01.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_02.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_03.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_04.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_05.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_06.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_07.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_08.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_09.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_10.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_11.png" alt=""></div>
                <div class="selecter_right_content"><img src="../../static/img/index_select/select_12.png" alt=""></div>
            </div>


            <div class="container">
                <div class="wrapper">
                    <div class="slide">
                        <img src="../../static/img/banner/01.gif" alt="">
                    </div>
                    <div class="slide">
                        <img src="../../static/img/banner/02.gif" alt="">
                    </div>
                    <div class="slide">
                        <img src="../../static/img/banner/03.gif" alt="">
                    </div>
                    <div class="slide">
                        <img src="../../static/img/banner/04.gif" alt="">
                    </div>
                    <div class="slide">
                        <img src="../../static/img/banner/01.gif" alt="">
                    </div>
                </div>

                <div class="button-prev">
                   
                </div>
                        
                <div class="button-next">
                    
                </div>
                </div>

            </div>
    </header>

    <main>

        <div class="main_nav">
            <div class="main_nav_logo">
                <a href="https://www.heytap.com/cn/web/products/3459.html"><img
                        src="../../static/img/logo/main_logo.png" alt=""></a>
            </div>

            <div class="main_nav_ico">
                <ul>
                    <li>|</li>
                    <li>
                        <a href="https://www.heytap.com/cn/web/coupons"><img src="../../static/img/logo/quan.png"
                                alt=""></a>
                        <p>领券中心</p>
                    </li>
                    <li>
                        <a href="https://danghuan.heytap.com/static/index.html#/product?channelId=1000343"><img
                                src="../../static/img/logo/huanxin.png" alt=""></a>
                        <p>以旧换新</p>
                    </li>
                    <li>
                        <a href="https://hd.oppo.com/act/2021/jiabao/index.html"><img
                                src="../../static/img/logo/jiabao.png" alt=""></a>
                        <p>价保政策</p>
                    </li>
                    <li>
                        <a href="https://hd.oppo.com/act/2021/huantaiqiyegou2021/index.html"><img
                                src="../../static/img/logo/qigou.png" alt=""></a>
                        <p>企业购</p>
                    </li>
                    <li>|</li>
                </ul>
            </div>

            <div class="user">
                <img src="../../static/img/logo/lojin.png" alt="">
                <a href="./login.html" class="nick">登录</a>
                <p><a href="./register.html" class="ready">您还没有登陆,请登录</a></p>
            </div>


        </div>

        <div class="main_imgfour">
            <ul>
                <li><a href="https://www.heytap.com/cn/web/products/20193.html"><img
                            src="../../static/img/logo/main_tu1.png" alt=""></a></li>
                <li><a href="https://www.heytap.com/cn/web/products/3910.html"><img
                            src="../../static/img/logo/main_tu2.png" alt=""></a></li>
                <li><a href="https://www.heytap.com/cn/web/products/20448.html"><img
                            src="../../static/img/logo/main_tu3.png" alt=""></a></li>
                <li><a href="https://www.heytap.com/cn/web/products/4522.html"><img
                            src="../../static/img/logo/main_tu4.png" alt=""></a></li>
            </ul>
        </div>

        <div class="discount content">
            <h1>限时<span>秒杀</span></h1>
            <ul>
                <li><a href=""><img src="../../static/img/logo/discount_01.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/discount_02.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/discount_03.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/discount_04.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/discount_05.png" alt=""></a></li>
            </ul>

        </div>

        <div class="hot content">
            <h1>热卖专区</h1>
            <ul class="hot_list">
                <!-- <li>
                    <img src="../../static/img/list/hot_01.png" alt="">
                    <div class="li_msg">
                        <h3>Reno6</h3>
                        <p>积分抵200元</p>
                        <span>￥2799</span>
                    </div>
                    <div class="top_right">
                        <span>学生优惠50</span>
                    </div>
                </li>
                <li>
                    <img src="../../static/img/list/hot_01.png" alt="">
                    <div class="li_msg">
                        <h3>Reno6</h3>
                        <p>积分抵200元</p>
                        <span>￥2799</span>
                    </div>
                    <div class="top_right">
                        <span>学生优惠50</span>
                    </div>
                </li>
                <li>
                    <img src="../../static/img/list/hot_01.png" alt="">
                    <div class="li_msg">
                        <h3>Reno6</h3>
                        <p>积分抵200元</p>
                        <span>￥2799</span>
                    </div>
                    <div class="top_right">
                        <span>学生优惠50</span>
                    </div>
                </li>
                <li>
                    <img src="../../static/img/list/hot_01.png" alt="">
                    <div class="li_msg">
                        <h3>Reno6</h3>
                        <p>积分抵200元</p>
                        <span>￥2799</span>
                    </div>
                    <div class="top_right">
                        <span>学生优惠50</span>
                    </div>
                </li>
                <li>
                    <img src="../../static/img/list/hot_01.png" alt="">
                    <div class="li_msg">
                        <h3>Reno6</h3>
                        <p>积分抵200元</p>
                        <span>￥2799</span>
                    </div>
                    <div class="top_right">
                        <span>学生优惠50</span>
                    </div>
                </li>
                <li>
                    <img src="../../static/img/list/hot_01.png" alt="">
                    <div class="li_msg">
                        <h3>Reno6</h3>
                        <p>积分抵200元</p>
                        <span>￥2799</span>
                    </div>
                    <div class="top_right">
                        <span>学生优惠50</span>
                    </div>
                </li>
                <li>
                    <img src="../../static/img/list/hot_01.png" alt="">
                    <div class="li_msg">
                        <h3>Reno6</h3>
                        <p>积分抵200元</p>
                        <span>￥2799</span>
                    </div>
                    <div class="top_right">
                        <span>学生优惠50</span>
                    </div>
                </li>
                <li>
                    <img src="../../static/img/list/hot_01.png" alt="">
                    <div class="li_msg">
                        <h3>Reno6</h3>
                        <p>积分抵200元</p>
                        <span>￥2799</span>
                    </div>
                    <div class="top_right">
                        <span>学生优惠50</span>
                    </div>
                </li> -->
            </ul>
            <ol>
                <li><a href=""><img src="../../static/img/logo/hot_big_01.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/hot_big_02.png" alt=""></a></li>
            </ol>

        </div>

        <div class="oppo content">

            <h1>OPPO专区</h1>
            <ul>
                <li class="active">Reno 系列</li>
                <li>Find 系列</li>
                <li>K 系列</li>
                <li>A 系列</li>
            </ul>
            <p></p>
            <ol>
                <li><a href=""><img src="../../static/img/logo/oppo_01.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/oppo_02.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/oppo_03.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/oppo_04.png" alt=""></a></li>
            </ol>
        </div>
        <div class="oppo content">

            <h1>OnePlus专区</h1>
            <ul>
                <li class="active">OnePlus9 系列</li>
                <li>OnePlus2 系列</li>
                <li>OnePlus9 Watch</li>
                <li>OnePlus9 配件</li>
            </ul>
            <p></p>
            <ol>
                <li><a href=""><img src="../../static/img/logo/oneplus_01.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/oneplus_02.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/oneplus_03.png" alt=""></a></li>
                <li><a href=""><img src="../../static/img/logo/oneplus_04.png" alt=""></a></li>
            </ol>
        </div>

    </main>

    <footer>
        <h1 class="content">样机展示</h1>
        <div class="fall">
            <div class="fall_list">
                
            </div>

        </div>

    </footer>


    <script src="../../static/libs/js/jQuery.js"></script>
    <script src="../../static/libs/js/jquery.lazyload.js"></script>
    <script src="../../static/libs/js/cookie.js"></script>

    <!-- //jQuery 轮播图 -->
    <script src="../../dist/js/index.js"></script>
    <!-- 楼梯 -->
    <script src="../../dist/js/stairs.js"></script>
    <!-- session登陆 和 注销登录 -->
    <script src="../../dist/js/session.js"></script>
    <!-- 二维码显示 -->
    <script src="../../dist/js/show.js"></script>
    <!-- 瀑布流页面渲染 -->
    <script src="../../dist/js/fall.js"></script>
    <!-- index 页面渲染 -->
    <script src="../../dist/js/index_list.js"></script>
    <!-- 点击购物车前判断是否登录,没有登录跳转登录页  -->
    <script src="../../dist/js/index_car.js"></script>
    <!-- 首页选项卡 -->
    <script src="../../dist/js/index_select.js"></script>
    <!-- 首页购物车商品种类 -->
    <script src="../../dist/js/index_goods.js"></script>
</body>

</html>